.jsbos_search {
  padding: 16px 16px 0;
  margin-bottom: 15px;
  background-color: #fff;

  .el-form-item {
    display: inline-block;
  }

  .open_search {
    display: inline-block;
    margin-left: 10px;
  }

  .close_search {
    display: none;
    margin-left: 10px;
  }

  .el-form-item:last-child {
    display: inline-block;
    float: right;
    padding-right: 13px;
    text-align: right;
  }
}

/* 当视口宽度在600px到1200px之间时应用的样式 */
@media screen and (min-width: 600px) and (max-width: 1199px) {
  .jsbos_search {
    .el-form-item {
      width: 50%;
    }

    .el-form-item:nth-child(n + 2) {
      display: none;
    }

    .el-form-item:last-child {
      display: inline-block;
      float: right;
      padding-right: 13px;
      text-align: right;
    }
  }
}

/* 当视口宽度在1200px到1960px之间时应用的样式 */
@media screen and (min-width: 1200px) and (max-width: 1499px) {
  .jsbos_search {
    .el-form-item {
      width: 33%;
    }

    .el-form-item:nth-child(n + 3) {
      display: none;
    }

    .el-form-item:last-child {
      display: inline-block;
      float: right;
      padding-right: 13px;
    }
  }
}

/* 当视口宽度在1200px到1960px之间时应用的样式 */
@media screen and (min-width: 1500px) and (max-width: 1960px) {
  .jsbos_search {
    .el-form-item {
      width: 25%;
    }

    .el-form-item:nth-child(n + 4) {
      display: none;
    }

    .el-form-item:last-child {
      display: inline-block;
      float: right;
      padding-right: 13px;
    }
  }
}

/* 当视口宽度在1200px到1960px之间时应用的样式 */
@media screen and (min-width: 1960px) {
  .jsbos_search {
    .el-form-item {
      width: 25%;
    }

    .el-form-item:nth-child(n + 4) {
      display: none;
    }

    .el-form-item:last-child {
      display: inline-block;
      float: right;
      padding-right: 13px;
    }
  }
}
